<script setup>
const props = defineProps({
	category: {
		type: Number,
		default:0,
	}
})
</script>

<template>
<div class="wrap">
	<template v-if="category === 0">
		<div class="item">
			<img class="img" src="../../../assets/icons/ai-tool-1.png" style="width: 30px;height: 31px;"/>
			<span class="desc">点赞（2555）</span>
		</div>
		<div class="item">
			<img class="img" src="../../../assets/icons/pinglun.png" style="width: 30px;height: 30px;"/>
			<span class="desc">评论（2555）</span>
		</div>
		<div class="item">
			<img class="img" src="../../../assets/icons/share.png" style="width: 30px;height: 30px;"/>
			<span class="desc">分享（2555）</span>
		</div>
		<div class="item">
			<img class="img" src="../../../assets/icons/shoucang.png" style="width: 30px;height: 30px;"/>
			<span class="desc">收藏（2555）</span>
		</div>
		<div class="item">
			<img class="img" src="../../../assets/icons/shequ.png" style="width: 30px;height: 30px;"/>
			<span class="desc">社区互动</span>
		</div>
		<div class="item">
			<img class="img" src="../../../assets/icons/shengcheng.png" style="width: 30px;height: 30px;"/>
			<span class="desc">生成文献索引卡</span>
		</div>
		<div class="item">
			<img class="img" src="../../../assets/icons/yuanwen.png" style="width: 26px;height: 21px;"/>
			<span class="desc">FuIl-Card(进入原文) </span>
		</div>
	</template>
	<template v-else-if="category === 1">
		<div class="item-full">
			<img class="img" src="../../../assets/icons/enter.png" style="width: 26px;height: 26px;"/>
			<span class="desc">进入Detail- Card（进入详情卡） </span>
		</div>
		<div class="item-full">
			<img class="img" src="../../../assets/icons/yuanwen.png" style="width: 26px;height: 21px;"/>
			<span class="desc">FuIl-Card(进入原文) </span>
		</div>
	</template>
</div>
</template>

<style scoped lang="scss">
.wrap{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.item,.item-full{
	cursor: pointer;
	box-sizing: border-box;
	width: 50%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
	.img{

	}
	.desc{
		margin-left: 12px;
		font-weight: 430;
		font-size: 16px;
		color: #000000;
	}
}
.item-full{
	width: 100%;
}
</style>
